<template>
  <div class="ellipse">
    <!-- // 圆形，圆环 -->

  </div>
</template>
<script setup>
import { Leafer, Ellipse } from 'leafer-ui';
const leafer = new Leafer({ view: window })
const ellipse = new Ellipse({
  x: 20,
  y: 20,
  width: 100,
  height: 100,
  startAngle: -90,
  endAngle: 180,
  innerRadius: 1,

  stroke: '#ccc',
  strokeWidth: 15,
  strokeAlign: 'center',
  strokeCap: 'round',
  draggable: true
})

const ellipse2 = new Ellipse({
  x: 50,
  y: 50,
  width: 40,
  height: 50,
  fill: '#f2f2f2'
})


leafer.add(ellipse)
leafer.add(ellipse2)

</script>
<style scoped lang="less">
.ellipse {
  color: #f00
}
</style>
